.table-input-container {
    .table-input-cell {
        display: flex;
        align-items: center;
        position: relative;

        .ant-input,
        .ant-select {
            border: 1px solid transparent;
            transition: all 0.3s;
            flex: 1;

            &:focus {
                box-shadow: none;
                border-color: #d9d9d9;
            }
        }

        .ant-select-selector {
            border: none !important;
            box-shadow: none !important;
        }

        &.is-hovered {
            .ant-input,
            .ant-select {
                border-color: #d9d9d9;
            }
        }

        &.has-error {
            .ant-input,
            .ant-select {
                border-color: #ff4d4f;
            }

            .error-icon {
                color: #ff4d4f;
                margin-left: 8px;
                font-size: 14px;
                cursor: pointer;
            }
        }
    }

    // 覆盖 antd 表格单元格的内边距，使我们的自定义单元格有更好的显示效果
    .ant-table-cell {
        padding: 8px 12px;

        .ant-input {
            padding: 4px 8px;
        }
    }
}
